body {
    /*display:block;*/
    /*position:relative;*/
    /*height:100%;*/
    /*min-height:100%;*/
    /*max-height:100%;*/
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

/* 去除 bootstrap 按钮点击时的边框样式 */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.list-group {
    padding: 10px;
    margin: 0;
}

ul, li {
    list-style-type: none;
    padding: 0 5px;
}

/* 左侧菜单样式 */
html, body, .menu_box {
    /*height: 102rem;*/
    height: 100%;
}

.menu_box {
    background-color: #555;
    padding: 0;
}

/*左菜单logo*/
.menu_logo {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #666;
}

.menu_logo > .menu_img {
    width: 40%;
    height: 60px;
    float: left;
}

.menu_logo > .menu_img > a > img {
    width: 100%;
    height: 60px;
}

.menu_logo > .menu_title {
    width: 60%;
    float: right;
    height: 60px;
    text-align: center;
}

.menu_logo > .menu_title > span {
    width: 100%;
    height: 100%;
    font-weight: bolder;
    line-height: 60px;
    font-size: 21px;
    color: #fff;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.menu_box > .user_box {
    width: 100%;
    height: 200px;
    padding: 15px;
}

.menu_box > .user_box > .user_img {
    width: 30%;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    border: solid 5px #A68364;
    border-radius: 280px;
}

/*左菜单用户样式*/
.user_menu > ul > li {
    margin-top: 5px;
    cursor: pointer;
}

.menu_box > .user_box > .user_img > .user_logo {
    width: 90%;
    height: 100%;
    margin: auto 0;
    border-radius: 280px;
}

.menu_box > .user_box > .user_info {
    margin: 0 auto;
    width: 80%;
    height: 30px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.user_menu {
    width: 40%;
    height: 50px;
    margin: 0 auto;
    background-color: #fff;
    font-weight: bold;
    display: none;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.menu_box > .user_box > .user_info > span {
    cursor: pointer;
}

/* 左侧菜单样式 */
.menu_list_box {
    width: 100%;
    padding: 0 5px;
}

.menu_list_box > .menu_list_ul1 > #list_1, #list_2, #list_3 {
    width: 100%;
    color: white;
    padding: 8px 0;
    overflow: hidden;
    font-weight: bolder;
    font-size: 16px;
    /*border:solid 1px #A68364;*/
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.menu_list_box > .menu_list_ul1 > li > i {
    width: 20px;
    height: 20px;
    float: right;
    line-height: 10px;
}

.menu_list_box > .menu_list_ul1 > li > i:hover {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.menu_list_ul2_1 > a, .menu_list_ul2_2 > a, .menu_list_ul2_3 > a {
    text-indent: 25px;
    font-size: 14px;
    display: block;
    padding: 8px 0;
    color: white;
    text-decoration: none;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.menu_list_ul2_1 > a:hover, .menu_list_ul2_2 > a:hover, .menu_list_ul2_3 > a:hover {
    background-color: #666;
    border-left: solid 2px #666;
}

.active {
    background-color: #666;
    border-right: solid 2px darkorange;
}

.menu_list_ico_1, .menu_list_ico_2, .menu_list_ico_3 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}

.menu_list_ico_1:hover, .menu_list_ico_2:hover, .menu_list_ico_3:hover {
    color: darkorange;
}

/* 内容展示页面样式 */
/* title 样式 */
.msg_box {
    /*width: 50%;*/
    padding: 0;
}

.msg_nav {
    width: 100%;
    height: 60px;
    background-color: #E6E6E6;
    overflow: hidden;
}

.menu_shrink {
    width: 30px;
    height: 30px;
    /*line-height: 60px;*/
    margin-left: 15px;
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.menu_shrink > .shrink_ico {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 14px;
    background-color: #DCDCDC;
    border-radius: 15px;
}

/* 搜索框组 */
.search_group {
    float: right;
    width: 380px;
    height: 50px;
    line-height: 60px;
    margin-top: -25px;
    margin-right: 90px;
    padding: 5px 0 5px 0;
    /*margin: 0;*/
}

ul {
    list-style-type: none;
}

.search_form {
    width: 100%;
    line-height: 50px;
    margin: 0;
    float: left;
}

h4 {
    padding: 0;
    margin: 0;
}

.search_input {
    width: 80%;
    height: 40px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    background-color: #DCDCDC;
    /* 清除输入框默认 padding */
    padding: 0;
    /* 通过浮动解决内联元素默认间距以及基线对齐的问题 */
    float: left;
    /* 让文字缩进 */
    text-indent: 15px;
    font-size: 12px;
    /* 去掉输入框点击时的高亮框 */
    outline: none;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.input_sub {
    width: 15%;
    height: 40px;
    line-height: 40px;
    background: #DCDCDC;
    text-align: center;
    cursor: pointer;
    /* 去掉按钮默认边框 */
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    color: white;
    font-size: 16px;
    outline: none;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: bolder;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

#reIptDat {
    position: relative;
    right: 62px;
    top: -10px;
    color: #6a737d;
    background-color: #ccc;
    padding: 2.5px;
    border-radius: 4px;
}

#reIptDat:hover {
    background-color: #bbb;
    color: #fff;
    cursor: pointer;
}

/* 导航栏 */
.path {
    width: 98.6%;
    height: 30px;
    margin: 0 auto;
    margin-top: 5px;
    line-height: 30px;
    padding: 0 15px;
    /*background-color: LightCyan;*/
    background-color: Azure;
}

/* 内容展示编辑操作板块 */
.msg_exhibit_edit {
    width: 98.6%;
    margin: 0 auto;
    margin-top: 15px;
}

/* 用户内容展示区域 =========================================================== */
.user_exhibit, .user_change, .user_add {
    width: 100%;
    display: none;
    padding: 0 8px;
}

/*.user_change, .user_add {*/
/*    display: none;*/
/*}*/

/* 用户表格样式 */
#scrollTable {
    width: 100%;
    user-select: none;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#scrollTable div {
    width: 100%;
    height: 600px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.change_tab, .del_tab {
    color: #337ab7;
    font-size: 13px;
}

.change_tab:hover, .del_tab:hover {
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

/* 点击按钮样式 */
.add_user, .change_user_btn, .add_user_btn {
    margin: 10px 120px 0 0;
    float: right;
}

#userType, #changeUserType {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    text-indent: 10px;
    border-radius: 4px;
    background-color: lightyellow;
}

/* 添加用户页面错误提示样式 */
#add_user_error {
    color: orangered;
    margin: 0 0 0 120px;
    font-size: 13px;
    display: none;
}

.user_send_con {
    display: none;
    overflow: hidden;
}

.user_send_con > .user_send {
    width: 500px;
    padding: 5px 0 5px 0;
    background: white;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -251px;
    top: 40%;
    margin-top: -151px;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
}

/* 弹框透明背景样式 */
.user_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: #eb9316;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.2;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.user_send_con > .user_send > .user_send_info {
    text-indent: 15px;
}

.user_send_con > .user_send > .user_send_info > hr {
    margin: 5px;
}

.user_send_con > .user_send > .user_send_info > #warning {
    font-size: 18px;
    font-weight: bolder;
    color: orangered;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.user_send_con > .user_send > .user_send_info > .del_user_info {
    width: 100%;
    margin: 0 auto;
}

/* 弹框关闭按钮 */
.close {
    float: right;
    margin-right: 15px;
    margin-top: -8px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.del_btn {
    float: right;
    margin: 0 60px 0 0;
}

/* 客户内容展示操作面板样式 ================================================================ */
.client_exhibit, .client_change, .client_add {
    width: 100%;
    display: none;
    padding: 0 8px;
}

/* 客户表格样式 */
#client_scrollTable {
    width: 100%;
    user-select: none;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#client_scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#client_scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#client_scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#client_scrollTable div {
    width: 100%;
    height: 600px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#client_scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#client_scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.change_tab, .del_tab {
    color: #337ab7;
    font-size: 13px;
}

.change_tab:hover, .del_tab:hover {
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

/* 点击按钮样式 */
.add_client, .change_client_btn, .add_client_btn {
    margin: 10px 120px 0 0;
    float: right;
}

/* 添加用户页面错误提示样式 */
#add_client_error {
    color: orangered;
    margin: 0 0 0 120px;
    font-size: 13px;
    display: none;
}

.client_send_con {
    display: none;
    overflow: hidden;
}

.client_send_con > .client_send {
    width: 500px;
    /*height: 300px;*/
    padding: 5px 0 5px 0;
    background: white;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -251px;
    top: 40%;
    margin-top: -151px;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
}

/* 弹框透明背景样式 */
.client_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: #eb9316;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.2;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.client_send_con > .client_send > .client_send_info {
    text-indent: 15px;
}

.client_send_con > .client_send > .client_send_info > hr {
    margin: 5px;
}

.client_send_con > .client_send > .client_send_info > #client_warning {
    line-height: 1px;
    font-size: 18px;
    font-weight: bolder;
    color: orangered;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.client_send_con > .client_send > .client_send_info > .del_client_info {
    width: 100%;
    margin: 0 auto;
}

/* 下拉框样式 */
#pro_work, #pro_work_change, #add_bom_name_mater, #che_bom_name_mater, #pro_bom_name {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: lightyellow;
    text-indent: 10px;
}

/* 物料管理样式 ================================================================================ */
.serMater {
    width: 96%;
    margin: 5px auto;
    height: 40px;
    overflow: hidden;
    display: none;
}

.materErr {
    margin-top: 20px;
    float: left;
}

.materErr > #materErrShow {
    color: orangered;
    font-size: 12px;
    display: none;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.searchPanel {
    float: right;
    line-height: 40px;
    width: 40%;
    margin-right: 40px;
}

.search_mater_input {
    width: 80%;
    line-height: 38px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    /*background-color: #DCDCDC;*/
    /* 清除输入框默认 padding */
    padding: 0;
    /* 通过浮动解决内联元素默认间距以及基线对齐的问题 */
    float: left;
    /* 让文字缩进 */
    text-indent: 10px;
    font-size: 12px;
    /* 去掉输入框点击时的高亮框 */
    outline: none;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.serMaterSub {
    width: 20%;
    height: 40px;
    line-height: 38px;
    background: Azure;
    text-align: center;
    cursor: pointer;
    /* 去掉按钮默认边框 */
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    /*color: white;*/
    font-size: 16px;
    outline: none;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: bolder;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.mater_exhibit, .mater_change, .mater_add {
    width: 100%;
    display: none;
    padding: 0 8px;
    overflow: hidden;
}

/* 物料表样式 */
#mater_scrollTable {
    width: 97%;
    user-select: none;
    margin: 0 auto;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#mater_scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#mater_scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#mater_scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#mater_scrollTable div {
    width: 100%;
    height: 560px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#mater_scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#mater_scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.change_tab, .del_tab {
    color: #337ab7;
    font-size: 13px;
}

.change_tab:hover, .del_tab:hover {
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

/* 点击按钮样式 */
.add_mater, .change_mater_btn, .add_mater_btn {
    margin: 10px 120px 0 0;
    float: right;
}

/* 添加物料页面错误提示样式 */
#add_mater_error {
    color: orangered;
    margin: 0 0 0 120px;
    font-size: 13px;
    display: none;
}

.mater_send_con {
    display: none;
    overflow: hidden;
}

.mater_send_con > .mater_send {
    width: 500px;
    /*height: 300px;*/
    padding: 5px 0 5px 0;
    background: white;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -251px;
    top: 40%;
    margin-top: -151px;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
}

/* 弹框透明背景样式 */
.mater_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: #eb9316;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.2;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.mater_send_con > .mater_send > .mater_send_info {
    text-indent: 15px;
}

.mater_send_con > .mater_send > .mater_send_info > hr {
    margin: 5px;
}

.mater_send_con > .mater_send > .mater_send_info > #mater_warning {
    line-height: 1px;
    font-size: 18px;
    font-weight: bolder;
    color: orangered;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.mater_send_con > .mater_send > .mater_send_info > .del_mater_info {
    width: 100%;
    margin: 0 auto;
}

.uploadMater {
    float: left;
    margin-left: 25px;
    width: 30%;
    overflow: hidden;
}

.uploadMater > span {
    font-weight: bold;
}

.uploadMater > #fileInput {
    text-indent: 15px;
    width: 38%;
}

.uploadMater > #uploadFileBtn {
    color: #fff;
    margin: -28px 230px 0 15px;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #2aabd2;
    width: 60px;
    height: 30px;
    line-height: 30px;
    float: right;
}

.uploadMater > #fileTishi {
    color: #FF5722;
    font-size: 13px;
    display: none;
}

/* 打印机管理样式 ================================================================================ */
.print_exhibit, .print_change, .print_add {
    width: 100%;
    display: none;
    padding: 0 8px;
}

/* 物料表样式 */
#print_scrollTable {
    width: 100%;
    user-select: none;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#print_scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#print_scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#print_scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#print_scrollTable div {
    width: 100%;
    height: 600px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#print_scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#print_scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.change_tab, .del_tab {
    color: #337ab7;
    font-size: 13px;
}

.change_tab:hover, .del_tab:hover {
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

/* 点击按钮样式 */
.add_print, .change_print_btn, .add_print_btn {
    margin: 10px 120px 0 0;
    float: right;
}

/* 添加用户页面错误提示样式 */
#add_print_error {
    color: orangered;
    margin: 0 0 0 120px;
    font-size: 13px;
    display: none;
}

.print_send_con {
    display: none;
    overflow: hidden;
}

.print_send_con > .print_send {
    width: 500px;
    /*height: 300px;*/
    padding: 5px 0 5px 0;
    background: white;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -251px;
    top: 40%;
    margin-top: -151px;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
}

/* 弹框透明背景样式 */
.print_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: #eb9316;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.2;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.print_send_con > .print_send > .print_send_info {
    text-indent: 15px;
}

.print_send_con > .print_send > .print_send_info > hr {
    margin: 5px;
}

.print_send_con > .print_send > .print_send_info > #print_warning {
    line-height: 1px;
    font-size: 18px;
    font-weight: bolder;
    color: orangered;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.print_send_con > .print_send > .print_send_info > .del_print_info {
    width: 100%;
    margin: 0 auto;
}

/* 物料组装样式表 =============================================================================== */
.goods_up {
    display: none;
}

#product_scrollTable {
    width: 100%;
    user-select: none;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#product_scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#product_scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#product_scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#product_scrollTable div {
    width: 100%;
    height: 600px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#product_scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#product_scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.host {
    padding: 5px 10px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.child {
    padding: 0 80px;
    width: 100%;
}

#materBindErr {
    color: orangered;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

/* 去除表格中选择框的默认样式 ============================================ */
.table_select {
    width: 100%;
    height: 100%;
    background-color: #fef9e7;
    /* 去掉三角 */
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari 和 Chrome */
    /*background-color: lightyellow;*/
    /* 去掉边框 */
    border: 0;
    display: block;
    position: relative;
}

/* 搜索展示表样式 =========================================================================== */
.search_exhibit {
    width: 100%;
    display: none;
    padding: 0 8px;
}

/* 物料表样式 */
#search_scrollTable {
    width: 97%;
    user-select: none;
    margin: 0 auto;
    /*border: 1px solid #eee;!*table没有外围的border，只有内部的td或th有border*!*/
}

#search_scrollTable table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
#search_scrollTable table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
#search_scrollTable table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
#search_scrollTable div {
    width: 100%;
    height: 600px;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
#search_scrollTable table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
#search_scrollTable table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.searchPelBtn {
    color: #0E76E1;
    font-size: 12px;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.searchPelBtn:hover {
    cursor: pointer;
    color: #2aabd2;
}

/* 重新打印条码弹框 ============================================================================ */
.rePrint_send_con {
    display: none;
    overflow: hidden;
}

.rePrint_send_con > .rePrint_send {
    width: 40%;
    padding: 5px 0 5px 0;
    background: aliceblue;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -190px;
    top: 40%;
    margin-top: -261px;
    border: 1px solid #eee;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
    overflow: auto;
}

/* 弹框透明背景样式 */
.rePrint_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: white;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.4;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.rePrint_send_con > .rePrint_send > .rePrint_send_info {
    text-indent: 15px;
}

.rePrint_send_con > .rePrint_send > .rePrint_send_info > hr {
    margin: 5px;
}

.rePrint_send_con > .rePrint_send > .rePrint_send_info > #rePrint_warning {
    font-size: 18px;
    font-weight: bolder;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.rePrint_send_con > .rePrint_send > .rePrint_send_info > .del_rePrint_info {
    width: 100%;
    padding: 10px;
    margin: 10px auto;
}

.rePrint_send_con > .rePrint_send > .rePrint_send_info > .del_rePrint_info > ul > li > span {
    padding: 0 0 0 20px;
}

#printerName {
    height: 30px;
    width: 74%;
    float: right;
    margin-top: -3px;
    text-indent: 10px;
    border-radius: 4px;
    background-color: lightyellow;
}

.searchTishi {
    width: 100%;
    height: 20px;
}

.searchTishi > span {
    color: orangered;
    margin-left: 35px;
    display: none;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

/* 底栏样式 =================================================================================== */
.bottom {
    background-color: #E6E6E6;
    height: 50px;
    padding: 10px 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.text_url {
    width: 70%;
    margin: 10px auto;
    line-height: 15px;
    font-size: 13px;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.text_url > span > a {
    color: #337ab7;
}

#filing {
    margin-left: 120px;
}